<template>
  <div class="async-content">
    <h3>异步加载的内容</h3>
    <p>{{ data }}</p>
  </div>
</template>

<script setup>
// 模拟异步数据请求
const fetchData = () => {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve("这是从服务器获取的数据");
    }, 2000); // 延迟2秒，模拟网络请求
  });
};

// 异步获取数据
const data = await fetchData();
</script>